<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>列表布局实例</title>
        <style>
          a{
            text-decoration: none;
            color:#fff;
          }
          ul{
            padding:0;
            margin:0;
            list-style-type: none;
          }
          li{
            width:120px;
            height:37px;
            border:1px solid #169;
            margin:4px 2px;
            text-align: center;
            line-height: 37px;
            background-color: black;
          }

          li:hover{background-color: #169;}
        </style>
    </head>
    <body>
        <ul>
            <li><a href="#">菜单1</a></li>
            <li><a href="#">菜单2</a></li>
            <li><a href="#">菜单3</a></li>
            <li><a href="#">菜单4</a></li>
            <li><a href="#">菜单5</a></li>
            <li><a href="#">菜单6</a></li>
        </ul>
    </body>
</html>